<template>
  <view class="notification-banner">
    <view class="notification-content">
      <image class="notification-icon" src="/static/icons/notify.svg"></image>
      <text class="notification-text">与谁同行小程序上线啦！名额有限请先下载...</text>
      <image class="notification-icon" src="/static/icons/arrow.svg"></image>
    </view>
  </view>
</template>

<script setup></script>

<style lang="scss" scoped>
.notification-banner {
  .notification-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72rpx;
    gap: 0 16rpx;

    .notification-icon {
      width: 40rpx;
      height: 40rpx;
    }

    .notification-text {
      font-size: 26rpx;
      color: #303133;
      flex: 1;
    }
  }
}
</style>